<!-- chuck 20170221 添加签订前要点审批 21-->
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>添加签订前要点审批</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	<div class="container" id="content">
		<section class="content-header">
			<h1>
				<i class="fa fa-file"></i> <strong>审批管理</strong>
			</h1>
			<ol class="breadcrumb">
				<li><a href="#"><i class="fa fa-home "></i>Home</a></li>
				<li>公用功能</li>
				<li class="active">审批管理</li>
			</ol>
		</section>
		<section class="content">
			<div class="box box-info">
				<div class="box-header with-border">
					<i class="fa fa-th-list"></i>
					<h4 class="box-title">审批管理</h4>
				</div>
				<div class="row-fluid">
            	<div class="span12">
            		<div id="container" class="widget-title">
						<ul class="nav nav-tabs" id="myTabs">
							<li><a data-toggle="tab" href="#tab1"><span>我的审批</span></a></li>
							 <li><a data-toggle="tab" href="#tab2"><span>我发起的审批</span></a></li> 
							 <button type="button" class="btn btn-info pull-right detailBtn">查看详情</button>
							 <button type="button" class="btn btn-info pull-right submitBtn">查看审批</button>
							 <button type="button" class="btn btn-info pull-right detailBtn2">查看详情</button>
							 <button type="button" class="btn btn-info pull-right submitBtn2">查看审批</button>
							 <!-- <button type="button" class="btn btn-info pull-right deleBtn">删除</button>
							 <button type="button" class="btn btn-info pull-right editBtn">编辑</button>
							 <button id="btnReg" class="btn btn-info pull-right" >新增</button> -->
						</ul>
					</div>
					<div class="pre-scrollable1">
                       <div class="widget-content tab-content">
                       		<div id="tab1" class="active tab-pane">
                       			<table width="100%" class="mytable dataTable table-bordered text-center table-striped table-hover" id="dataTable">
						          <thead>
									<tr>
										<th class="center" width="6%">序号</th>
										<th class="center" width="6%"><input type="checkbox" id="checkAllReplacement"/></th>
										<th class="center" width="6%">流程名称</th>
										<th class="center" width="20%">业务名称</th>
										<th class="center" width="16%">提交人</th>
										<th class="center" width="10%">创建时间</th>
									</tr>
								  </thead>
								  <tbody>
								  </tbody>
						        </table>
                       		</div>
                       		<div id="tab2" class="tab-pane">
								<table width="100%" class="mytable dataTable table-bordered text-center table-striped table-hover" id="tab">
						          <thead>
									<tr>
										<th class="center" width="6%">序号</th>
										<th class="center" width="6%"><input type="checkbox" id="checkAllReplacement"/></th>
										<th class="center" width="6%">流程名称</th>
										<th class="center" width="20%">业务名称</th>
										<th class="center" width="16%">提交人</th>
										<th class="center" width="10%">创建时间</th>
									</tr>
								  </thead>
								  <tbody>
								  </tbody>
						        </table>
			                </div>                 		
                       		
                       </div>
                    </div>
            	</div>
			</div>
			</div>
		</section>
		<!--查看审批弹窗 -->
	<div id="modal-audit-nodes" class="modal fade" tabindex="-1" role="dialog">
	    <div class="modal-dialog" role="document">
	        <div id="modal-audit-nodes-content"  class="modal-content">
	           
	        </div>        <!-- /.modal-content -->
	    </div>    <!-- /.modal-dialog -->
	</div><!-- /.modal -->
   <!--查看审批弹窗结束 -->  
		<script th:src="@{/publicFunction/seeExamination.js}"></script>
		
		<script>
        $(function () {
            $('#myTabs a[href="#tab1"]').tab('show');
	            $('.detailBtn').show();
	            $('.submitBtn').show();
	            $('.detailBtn2').hide();
	            $('.submitBtn2').hide();
            $('#myTabs a[href="#tab2"]').click(function (e) {
                e.preventDefault();
                $('.detailBtn2').show();
                $('.submitBtn2').show();
                $('.detailBtn').hide();
                $('.submitBtn').hide();
            });
        });
    </script>
	</div>


</body>
</html>

